<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords" content="极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="极乐佛经|极乐佛经网|佛经大全|佛经下载|佛经念诵|经书抄写|助印经书|经书结缘-极乐佛经网。极乐佛经网是由净顺居士发心为广大佛友所编辑整理的在线看经、在线阅读佛经平台；包含佛经原文，佛经译文，佛经注音，佛经故事，佛经视 频，大藏经等相关佛教经典大全；让更多的佛友能从中学习到佛经、佛法的善知识！" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />

<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet" href="${baseUrl }/resources/css/index.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_video_layout.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/common_audio_layout.css" />

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome-ie7.min.css">
<![endif]-->

<script src="${baseUrl }/resources/js/jquery-2.1.4.min.js"
	type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>

<script src="${baseUrl }/resources/js/index.js" type="text/javascript">
	
</script>
</head>

<body>
	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<div class="banner-div-wrapper">
				<div id="myCarousel" class="carousel slide" data-ride="carousel">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<c:forEach items="${banners }" var="banner"
							varStatus="bannerStatsu">
							<c:choose>
								<c:when test="${bannerStatsu.first }">
									<li data-target="#myCarousel"
										data-slide-to="${bannerStatsu.index }" class="active"></li>
								</c:when>
								<c:otherwise>
									<li data-target="#myCarousel"
										data-slide-to="${bannerStatsu.index }"></li>
								</c:otherwise>
							</c:choose>
						</c:forEach>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<c:forEach items="${banners }" var="banner"
							varStatus="bannerStatsu">
							<c:choose>
								<c:when test="${bannerStatsu.first }">
									<div class="item active">
										<a href="${banner.url }"><img class="carousel-img"
											src="${banner.coverUrl }" /></a>
										<div class="carousel-caption">${banner.title }</div>
									</div>
								</c:when>
								<c:otherwise>
									<div class="item">
										<a href="${banner.url }"><img class="carousel-img"
											src="${banner.coverUrl }" /></a>
										<div class="carousel-caption">${banner.title }</div>
									</div>
								</c:otherwise>
							</c:choose>
						</c:forEach>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="carousel-control left" href="#myCarousel"
						data-slide="prev">&lsaquo;</a> <a class="carousel-control right"
						href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>

			</div>
			<section class="main-content">
				<div class="vertical-spacing-10"></div>
				<div class="main-content-wrapper-module">
					<div class="module">
						<div class="module-li">
							<i class="top-i"></i>
							<div class="center-wrapper">
								<i class="left-i"></i>

								<div class="module-li-main-wrapper">

									<a class="module-li-main"
										href="${baseUrl }/book/qldzj/index.html"> <span
										class="title">经</span>
									</a>
									<div class="module-li-desc">正法经典</div>
								</div>
								<i class="right-i"></i>
								<div class="clear-both"></div>
							</div>
							<i class="bottom-i"></i>
						</div>


						<div class="module-li">
							<i class="top-i"></i>
							<div class="center-wrapper">
								<i class="left-i"></i>

								<div class="module-li-main-wrapper">

									<a class="module-li-main" href="${baseUrl }/article/list.html">
										<span class="title">闻</span>
									</a>
									<div class="module-li-desc">发现足迹</div>
								</div>
								<i class="right-i"></i>
								<div class="clear-both"></div>
							</div>
							<i class="bottom-i"></i>
						</div>

						<div class="module-li">
							<i class="top-i"></i>
							<div class="center-wrapper">
								<i class="left-i"></i>

								<div class="module-li-main-wrapper">

									<a class="module-li-main" href="${baseUrl }/video/list.html">
										<span class="title">视</span>
									</a>
									<div class="module-li-desc">接触，更近一步</div>
								</div>
								<i class="right-i"></i>
								<div class="clear-both"></div>
							</div>
							<i class="bottom-i"></i>
						</div>


						<div class="module-li">
							<i class="top-i"></i>
							<div class="center-wrapper">
								<i class="left-i"></i>

								<div class="module-li-main-wrapper">

									<a class="module-li-main" href="${baseUrl }/audio/list.html">
										<span class="title">听</span>
									</a>
									<div class="module-li-desc">让眼睛休息一下</div>
								</div>
								<i class="right-i"></i>
								<div class="clear-both"></div>
							</div>
							<i class="bottom-i"></i>
						</div>

						<div class="module-li">
							<i class="top-i"></i>
							<div class="center-wrapper">
								<i class="left-i"></i>

								<div class="module-li-main-wrapper">

									<a class="module-li-main" href="${baseUrl }/write/list.html">
										<span class="title">修</span>
									</a>
									<div class="module-li-desc">精进修习</div>
								</div>
								<i class="right-i"></i>
								<div class="clear-both"></div>
							</div>
							<i class="bottom-i"></i>
						</div>

						<div class="clear-both"></div>
					</div>

					<div class="live-article-wrapper">
						<div class="live-article-header">
							<div class="title">
								<i class="icon-facetime-article"></i> <span>佛典故事</span>
							</div>
							<div class="live-more">
								<ul class="list-inline">
									<li><a href="${baseUrl }/article/list.html">佛典故事</a></li>
									<li><a href="${baseUrl }/article/list.html">因果报应</a></li>
									<li><a href="${baseUrl }/article/list.html">智慧故事</a></li>
									<li><a href="${baseUrl }/article/list.html">更多故事&raquo;&nbsp;</a></li>
								</ul>
							</div>
							<div class="clear-both"></div>
						</div>
						<div class="clear-both"></div>

						<div class="live-article-content">
							<div class="live-article-wrapper">
								<div class="article-items">
									<c:forEach items="${articleRecommends }" var="articleRecommend"
										varStatus="articleRecommendStatus">
										<a href="${baseUrl }/article/${articleRecommend.item.id}.html">
											<article class="article-item">
												<span class="category">【${articleRecommend.item.category.name }】</span><span
													class="title">${articleRecommend.item.title }</span>
												<aside class="content">

													<c:if
														test="${articleRecommendStatus.first and not empty firstArticleImg}">
														<img class="show-img" src="${firstArticleImg }" />
													</c:if>

													<c:choose>
														<c:when test="${articleRecommendStatus.first }">
															${firstArticleContent }
														</c:when>
														<c:otherwise>${articleRecommend.item.summary }</c:otherwise>
													</c:choose>
												</aside>
												<div class="common-bar-wrapper">
													<time class="time-bar">${articleRecommend.item.showTime }</time>
													<div class="clear-both"></div>
												</div>
											</article>
										</a>
									</c:forEach>
								</div>
							</div>
						</div>
					</div>

					<div class="vertical-spacing-10"></div>
					<div class="live-video-wrapper">
						<div class="live-video-header">
							<div class="title">
								<i class="icon-facetime-video"></i> <span>视频</span>
							</div>
							<div class="live-more">
								<a href="${baseUrl }/video/list.html">查看更多&raquo;&nbsp;</a>
							</div>
							<div class="clear-both"></div>
						</div>
						<div class="clear-both"></div>
						<div class="live-video-content">
							<div class="videos-wrapper">
								<c:forEach items="${videoRecommends}"
									varStatus="videoRecommendStatus_top">
									<c:if test="${videoRecommendStatus_top.index % 4 == 0 }">
										<div class="videos">
											<c:forEach items="${videoRecommends}" var="videoRecommend"
												begin="${videoRecommendStatus_top.index / 4 * 4 }"
												end="${videoRecommendStatus_top.index / 4 * 4 +3 }">
												<div class="video">
													<div class="img-div">
														<a
															href="${baseUrl }/video/${videoRecommend.item.id }.html">
															<img class="img" src="${videoRecommend.coverUrl }" />
														</a>
													</div>
													<div class="content-div">
														<div class="content-div-title">
															<a
																href="${baseUrl }/video/${videoRecommend.item.id }.html">
																<h2 class="title">${videoRecommend.item.title }</h2>
															</a>
														</div>


														<div class="desc hid">${videoRecommend.info }</div>
														<div class="desc-time-split"></div>
														<div class="time">
															<div>
																<span>同源${videoRecommend.item.countCognate }集
																	${videoRecommend.item.showTime } </span>
															</div>
															<div>
																<c:if
																	test="${videoRecommend.item.statistics.countWatch > 0}">
																	<span>${videoRecommend.item.statistics.showCountWatch
																		}</span>
																</c:if>
															</div>
															<div class="clear-both"></div>
														</div>
													</div>
												</div>
											</c:forEach>
										</div>
									</c:if>
								</c:forEach>
							</div>
						</div>
					</div>
					<div class="live-audio-wrapper">
						<div class="live-audio-header">
							<div class="title">
								<i class="icon-play-circle"></i> <span>音频</span>
							</div>
							<div class="live-more">
								<a href="${baseUrl }/audio/list.html">查看更多&raquo;&nbsp;</a>
							</div>
							<div class="clear-both"></div>
						</div>
						<div class="clear-both"></div>
						<div class="audios-wrapper" data-width="1000" data-item="4">
							<c:forEach items="${audioRecommends}" varStatus="audioStatus_top">
								<c:if test="${audioStatus_top.index % 4 == 0 }">
									<div class="audios">
										<c:forEach items="${audioRecommends}" var="audioRecommend"
											begin="${audioStatus_top.index / 4 * 4 }"
											end="${audioStatus_top.index / 4 * 4 +3 }">
											<div class="audio">
												<div class="img-div">
													<a href="${baseUrl }/audio/${audioRecommend.item.id }.html">
														<img class="img" src="${audioRecommend.coverUrl }" />
													</a>
													<c:if test="${audioRecommend.item.progressStatus == 2}">
														<div class="tip-wrapper">
															<div class="tip-text">
																完<br />结
															</div>
															<div class="tip-bottom"></div>
														</div>
													</c:if>
												</div>
												<div class="content-div">
													<div class="content-div-title">
														<a
															href="${baseUrl }/audio/${audioRecommend.item.id }.html">
															<h2 class="title">${audioRecommend.item.title }</h2>
														</a>
													</div>
													<!-- 													<div class="common-bars-wrapper"> -->
													<!-- 														<div class="bars"> -->
													<!-- 															<div class="bar" style="float: left"> -->
													<!-- 																<i class="icon-star"></i> <i class="icon-star"></i> <i -->
													<!-- 																	class="icon-star"></i> <i class=" icon-star-half"></i> -->
													<!-- 																<i class="icon-star undertone"></i> -->
													<!-- 															</div> -->
													<!-- 															<div class="bar" style="float: right"> -->
													<%-- 																<c:choose> --%>
													<%-- 																	<c:when --%>
													<%-- 																		test="${not empty audioRecommend.item.rFavoriteSource }"> --%>
													<!-- 																		<i class="icon-heart"></i> -->
													<%-- 																	</c:when> --%>
													<%-- 																	<c:otherwise> --%>
													<!-- 																		<i class="icon-heart undertone"></i> -->
													<%-- 																	</c:otherwise> --%>
													<%-- 																</c:choose> --%>
													<!-- 															</div> -->
													<!-- 															<div class="clear-both"></div> -->
													<!-- 														</div> -->
													<!-- 													</div> -->

													<div class="desc hid">${audioRecommend.item.info }</div>
													<div class="vertical-spacing-10"></div>


													<div class="cur-audio">
														<c:if test="${not audioRecommend.item.entity }">
															<a
																href="${baseUrl }/audio/${audioRecommend.item.childAudios[audioRecommend.item.countCognate - 1].id }.html">
																<span class="cur-audio-title"><i
																	class="icon-play-circle"></i>
																	第${audioRecommend.item.countCognate }集</span> <span
																class="cur-audio-desc">${audioRecommend.item.title
																	}最新${audioRecommend.item.countCognate }集
															</span>
															</a>
														</c:if>
													</div>

													<div class="time">
														<div>
															<span>同源${audioRecommend.item.countCognate }集
																${audioRecommend.item.showTime }</span>
														</div>
														<div>
															<span>${audioRecommend.item.statistics.showCountWatch
																}</span>
														</div>
														<div class="clear-both"></div>
													</div>
												</div>
											</div>
										</c:forEach>
									</div>
								</c:if>
							</c:forEach>
						</div>
					</div>
				</div>
				<div class="vertical-spacing-30"></div>
			</section>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>

		</div>
	</div>

</body>
<script src="${baseUrl }/resources/js/common_video_layout.js"
	type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/js/common_audio_layout.js"
	type="text/javascript">
	
</script>

<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>

</html>